import * as Utils from './util.js';
import * as Ajax from './ajax.js';
import * as Inface from './interface.js';

//在网址后获取接受传递的数据
// let query = window.location.search.substring(1);//接受传递的数据
//     accessToken = query.split("=");
//     localStorage.setItem("accessToken",JSON.stringify(accessToken[1]));

// //将 命令牌 保存到本地
let access_token = Utils.getLocationStorage("accessToken")
   
//第一次渲染的参数
let url = Inface.interFace.url2;
let data = {
    token:access_token
};

// console.log(data);

//第二次渲染的参数
let select = document.querySelector("select");
let appointmentt = document.querySelector("#appointmentt");
let dayUrl  = Inface.interFace.url3;


//第一次渲染
Ajax.getData(url,data,"get")
        .then((res) => {
            select.innerHTML = "";
            //渲染select
            res.result.list.forEach(function(ele,index){
                console.log(ele);
                select.innerHTML += `
                        <option value="${index}">${ele.day_time}</option>
                `
            });
            let dayTime = res.result.list[0].day_time;
            let dayData = {
                token:access_token,
                day_time:dayTime
            }
            return Ajax.getData(dayUrl,dayData,"get")
        })
        .then((res) => {
            appointmentt.innerHTML = "";
            //第二次渲染
            Utils.renDer(res)
        })

// Ajax.getData(url,data,"get")



//选择时间渲染页面
// let index = select.selectedIndex;
select.addEventListener('change',() => {
    //返回下拉列表中被选选项的索引号
    let index = select.selectedIndex,
        text = select.options[index].innerText,
        dData = {
            token:access_token,
            day_time:text
        }

    //渲染ul
    Ajax.getData(dayUrl,dData,"get")
        .then((res) => {
            //渲染
            appointmentt.innerHTML = "";
            console.log(res); 
            Utils.renDer(res)
        })
        
})

//选择跳转
appointmentt.addEventListener('click',function(e){
    let showID = e.target.parentNode.dataset.index;
    let showUrl = Inface.interFace.url4;
    let index = select.selectedIndex,
        text = select.options[index].innerText;
    let showData = {
        token:access_token,
        day_time:text,
        show_id:showID
    }
    console.log(text);
    Utils.setLocationStorage("day_time",text);

    Ajax.getData(showUrl,showData,"post")
        .then((res) => {
            if(res.res==0) alert(res.msg) 
            else{
                console.log(res.result.id);
                Utils.setLocationStorage("showID",res.result.id)
                // localStorage.setItem("showID",JSON.stringify(res.result.id));
                window.location.href = "./code.html"  
            }
        })
        

})












// function renDer(data){
//     //渲染
//     appointmentt.innerHTML = "";
//     console.log(data);
//     data.result.list.forEach((ele,index) => {
//         //判断预约是否已满
//         let isFull = "可预约";
//         appointmentt.innerHTML += `
//         <ul data-index=${ele.show_id}>
//             <li>${ele.show_name}</li>
//             <li>${isFull}</li>
//         </ul>
//         `;       
//     })
// }

/*   1 */
// getData(url,data,"get")
//         .then((res) => {
//             select.innerHTML = "";
//             //渲染select
//             res.result.list.forEach(function(ele,index){
//                 console.log(ele);
//                 select.innerHTML += `
//                         <option value="${index}">${ele.day_time}</option>
//                 `
//             });
//             let dayTime = res.result.list[0].day_time;
//             let dayData = {
//                 token:access_token,
//                 day_time:dayTime
//             }
//             return getData(dayUrl,dayData,"get")
//         })
//         .then((res) => {
//             appointmentt.innerHTML = "";
//             renDer(res)
//         })


/*   1 */
// _ajax(url,data,"get",function(res){
//     // console.log(res.result.list);
//     select.innerHTML = "";
//     //渲染select
//     res.result.list.forEach(function(ele,index){
//         select.innerHTML += `
//                 <option value="${index}">${ele.day_time}</option>
//         `
//     });
    

//     let dayTime = res.result.list[0].day_time;
//     let dayData = {
//         token:access_token,
//         day_time:dayTime
//     }

//     // console.log(dayData);

//     //渲染ul
//     _ajax(dayUrl,dayData,"get",function(res){

//         // console.log(res);
        
//         appointmentt.innerHTML = "";
//         renDer(res)
//     })

// })
